// pages/category/index.js
import { request } from '../../request/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    leftMenuList:[],
    rightContent:[],
    currentIndex:0
  },
  Cates:[],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取本地数据
    const Cates = wx.getStorageSync('cates');
    // 判断是否有本地数据
    if(!Cates){
      // 无本地数据，发送请求
      this.getLeftMenuList()
    }else {
      // 判断旧数据日期时间，是否超过规定时间则发送请求
      if(Date.now()-Cates.time>1000*50000){
        this.getLeftMenuList()
      }else{
        // 使用本地存储数据
        this.Cates = Cates.data
        // 左侧菜单数据
        let leftMenuList = this.Cates.map(v=>v.cat_name)
        // 右侧商品数据
        let rightContent = this.Cates[0].children
        this.setData({
          leftMenuList,
          rightContent
        })
      }
    }
    
  },
  getLeftMenuList(){
    request({url:'/categories'})
      .then(result=>{
        this.Cates = result.data.message
        // 将接口数据存储在本地存储中
        wx.setStorageSync('cates', {time:Date.now(),data:this.Cates});
        // 左侧菜单数据
        let leftMenuList = this.Cates.map(v=>v.cat_name)
        // 右侧商品数据
        let rightContent = this.Cates[0].children
        this.setData({
          leftMenuList,
          rightContent
        })
      })
  },
  // 左侧菜单点击事件
  handleItemTap(e){
    let {index} = e.currentTarget.dataset
    let rightContent = this.Cates[index].children
    this.setData({
      currentIndex:index,
      rightContent
    })
  }
})